/*公共样式*/
*{padding:0;margin:0;}/*初始化*/
li{list-style:none;}/*清除li的下划线*/
/*单个样式*/
/*轮播盒子*/
.banner{
	width:730px;/*宽*/
	height:454px;/*高*/
	margin:15px auto;/*上下15 左右自动*/
	border:1px solid red;/*红色边框线*/
	position:relative;/*相对定位*/
}
/*图片*/
.picture{
	width:730px;/*宽*/
	height:454px;/*高*/
	overflow: hidden;/*溢出部分隐藏*/
}
/*小圆点*/
.dotted{
	position:absolute;/*绝对定位*/
    left:40%;/*距离左边40%*/
    bottom:10px;/*距离下面10px*/
}
.dotted li{
    display:inline-block;/*行级块元素*/
    border-radius: 50%;/*圆角*/
    width:20px;/*宽*/
    height:20px;/*高*/
    background:#000;/*背景*/
    color:#fff;/*字体颜色*/
    text-align: center;/*水平居中*/
}
/*左右按钮*/
.btn{
	width:50px;/*宽*/
	height:50px;/*高*/
	position:absolute;/*绝对路径*/
	top:40%;/*上*/
	border-radius: 50%;/*圆角*/
	display: none;/*隐藏内容*/
}
.left-btn{
	background:url(../img/zuo.png) -5px -8px;/*引入背景图片*/
}
.right-btn{
	background:url(../img/you.png) -4px -1px;/*引入背景图片*/
	right:0;
}
/*鼠标滑上轮播盒子就显示按钮*/
.banner:hover .btn{/*鼠标滑过的效果*/
	display:block;/*显示内容*/
}
